import Vue from 'vue'
import VueRouter from 'vue-router'

const SimulationPage = () => import('@/components/routerviewpages/simulationpage/SimulationPage.vue')
const DrawArea = () => import('@/components/routerviewpages/simulationpage/rightbox/drawbox/draw/DrawArea.vue')
const GuidePic = () => import ('@/components/routerviewpages/simulationpage/rightbox/drawbox/guidepic/GuidePic.vue')
const PreviewArea = () => import ('@/components/routerviewpages/simulationpage/rightbox/drawbox/preview/PreviewArea.vue')
const DataPage = () => import ('@/components/routerviewpages/datapage/DataPage.vue')

Vue.use(VueRouter)

const routes = [
  {
    path: '',
    redirect: '/SimulationPage'
  },
  {
    path: '/SimulationPage',
    component: SimulationPage,
		children: [
			{
			  path: '',
			  redirect: 'DrawArea'
			},
			{
				path: 'GuidePic',
				component: GuidePic
			},
			{
				path: 'DrawArea',
				component: DrawArea
			},
			{
				path: 'PreviewArea',
				component: PreviewArea
			}
		]
  },
	{
	  path: '/DataPage',
	  component: DataPage
	},
]

const router = new VueRouter({
  routes,
})

export default router
